<template>
    <div>

     <van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
        <van-cell-group>
            <van-cell title="店铺名称" />
            <van-card desc="白色的" title="华为Mate60Pro">
                <template #thumb>
                    <img src="../img/QQ浏览器截图20250805085958.png" alt="" style="width: 90px;
        height: 90px;">

                </template>
                <template #price>
                    <span style="color: darkorange; margin-right: 15px;font-size: 17px;">￥20.10</span>
                    <span>X3</span>
                </template>
            </van-card>

        </van-cell-group>

        <van-cell-group >
            <van-cell title="优惠券" value="无可用优惠券" />
            <van-cell title="店铺优惠" value="无"  />
        </van-cell-group>
        <van-cell-group  style="margin-top: 20px;">
            <van-cell title="商品金额" value="￥60.300000000004" />
            <van-cell title="优惠金额" value="0" />
            <van-cell title="运费" value="免运费" />
             <van-field v-model="value" label="备注"model-value="123123"  />
          
        </van-cell-group>
        <van-submit-bar :price="6030" button-text="提交订单" @submit="onSubmit" />

    </div>
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';
 const tel = ref('18312341234');
    const name = ref('斌');
    const onEdit = () => showToast('edit');
const onSubmit = () => showToast('点击按钮');
</script>

<style lang="scss" scoped></style>